<template>
    <div class="order">
        <header>
            <span class="iconfont icon-zuojiantou"></span>
            <h4>
                全部订单
            </h4>
            <span>手机查单</span>
        </header>
        <nav>
            <li>全部</li>
            <li>待出行</li>
            <li>待支付</li>
            <li>退款售后</li>
        </nav>
        <main>
            <div class="box">
                <div class="ticket">
                    <p>
                        <span>高铁动车</span>
                        <span>出票完成</span>
                    </p>
                    <p>
                        <span>
                            合肥南->南京南
                        </span>
                        <span>
                            ￥67
                        </span>
                    </p>
                    <p>
                        2022-06-16 07:07-07:44
                    </p>
                    <p>
                        <span>
                            车次 G7740 03车01F号
                        </span>
                    </p>
                    <p>
                        <button>
                            删除订单
                        </button>
                    </p>
                </div>
                <!-- <div class="ticket">
                    <p>
                        <span>高铁动车</span>
                        <span>出票完成</span>
                    </p>
                    <p>
                        <span>
                            合肥南->南京南
                        </span>
                        <span>
                            ￥67
                        </span>
                    </p>
                    <p>
                        2022-06-16 07:07-07:44
                    </p>
                    <p>
                        <span>
                            车次 G7740 03车01F号
                        </span>
                    </p>
                    <p>
                        <button>
                            删除订单
                        </button>
                    </p>
                </div>
                <div class="ticket">
                    <p>
                        <span>高铁动车</span>
                        <span>出票完成</span>
                    </p>
                    <p>
                        <span>
                            合肥南->南京南
                        </span>
                        <span>
                            ￥67
                        </span>
                    </p>
                    <p>
                        2022-06-16 07:07-07:44
                    </p>
                    <p>
                        <span>
                            车次 G7740 03车01F号
                        </span>
                    </p>
                    <p>
                        <button>
                            删除订单
                        </button>
                    </p>
                </div>
                <div class="ticket">
                    <p>
                        <span>高铁动车</span>
                        <span>出票完成</span>
                    </p>
                    <p>
                        <span>
                            合肥南->南京南
                        </span>
                        <span>
                            ￥67
                        </span>
                    </p>
                    <p>
                        2022-06-16 07:07-07:44
                    </p>
                    <p>
                        <span>
                            车次 G7740 03车01F号
                        </span>
                    </p>
                    <p>
                        <button>
                            删除订单
                        </button>
                    </p>
                </div> -->
            </div>
                
        </main>
    </div>
</template>

<script setup>
import "./scss/style.scss"


</script>

<style lang="scss" scoped>

</style>